<template>
    <div style="width:100%;height:100%;overflow:hidden auto">
        <weui-cell :list="cell_0_list">
        </weui-cell>
        <weui-cell :list="cell_1_list" title="4月1日至6月30日拉新">
        </weui-cell>
        <div style="padding:10px 10px 0 10px;font-size:12px">
            <p>4月1日起，旅悠将进行新人推荐奖励活动。活动期间，凡推荐新人注册旅悠并成功通过旅悠下单购物，推荐人即可获得奖励红包。</p>
            <p>★活动规则：</p>
            <p>从4月1日起，至6月30日止，凡报名参加活动者均可获得一个个人专属的推广人二维码，新人通过扫码注册旅悠并成功通过旅悠获得至少一笔购物返利，即算推荐成功。根据成功推荐的人数，参与者即可获得相应的奖励。</p>
            <p>★奖励金额：</p>
            <p>推荐满5人，奖励30元；</p>
            <p>推荐满10人，奖励80元；</p>
            <p>推荐超过10人后，每增加一人，奖励10元/人。</p>
            <p>★注意事项：</p>
            <p>1. 在4月1日至6月30日期间内注册并通过旅悠下单成功的用户均计入人数统计之内。旅悠后台会自动统计通过专属二维码注册并下单的新用户人数。</p>
            <p>2. 活动结束后，待所有订单交易成功，将根据有效人数通过微信红包方式派发相应奖励。</p>
        </div>
    </div>
</template>
<script>
import WeuiCell from '../vue2componentSet/src/components/WeuiCell'
import global from '../lib/global'
import axios from 'axios'

export default {
    components: {
        WeuiCell
    },
    data() {
        return {
            data: []
        }
    },
    mounted() {
        this.$store.commit('set_title', '拉新活动（4至6月）')

        if (!this.$store.state.customer) {
            this.$router.goback()
            return
        }

        this.getData()
    },
    methods: {
        getData() {
            axios.post(global.server + 'getActivity0Data.do', {}).then(result => {
                var obj = result.data
                this.data = obj
            })
        }
    },
    computed: {
        cell_0_list() {
            var desc = ''
            if (this.data.length < 5)
                desc = '0元'
            else if (this.data.length < 10)
                desc = '30元'
            else
                desc = (this.data.length * 10 - 20) + '元'
            return [{
                value: '预计奖励金额',
                desc: desc
            }]
        },
        cell_1_list() {
            var result = []
            this.data.forEach(item => {
                result.push({
                    value: item.phone,
                    desc: (item.hasBill ? '已' : '未') + '完成首次购物',
                })
            })
            return result
        }
    }
}

</script>